diff options
| author | Fuwn <[email protected]> | 2024-03-03 22:36:44 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-03-03 22:36:44 -0800 |
| commit | 9f8df698275ecd09f80eaf968c1cec6f95cbd961 (patch) | |
| tree | 3d8d5bb4dbb869a9cd7734f8549148bcb5142ea7 /src/routes/girls/[language] | |
| parent | feat(girls): make languages card a details (diff) | |
| download | due.moe-9f8df698275ecd09f80eaf968c1cec6f95cbd961.tar.xz due.moe-9f8df698275ecd09f80eaf968c1cec6f95cbd961.zip | |
feat(girls): hoverable images
Diffstat (limited to 'src/routes/girls/[language]')
| -rw-r--r-- | src/routes/girls/[language]/+page.svelte | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/routes/girls/[language]/+page.svelte b/src/routes/girls/[language]/+page.svelte index 6cafe198..8b8764d0 100644 --- a/src/routes/girls/[language]/+page.svelte +++ b/src/routes/girls/[language]/+page.svelte @@ -2,6 +2,7 @@ import Senpy from '$lib/Data/senpy'; import Message from '$lib/Loading/Message.svelte'; import Skeleton from '$lib/Loading/Skeleton.svelte'; + import '$styles/girls.scss'; export let data; </script> @@ -14,7 +15,11 @@ {:then images} <div class="images"> {#each images as image} - <img src={image} alt="An anime girl holding a programming book" /> + <a href={image} target="_blank"> + <div class="preview"> + <img src={image} alt="An anime girl holding a programming book" /> + </div> + </a> {/each} </div> {/await} |